<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>平台相关数据</title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/common.css" />
	</head>

	<body>
		<div class="navbar navbar-inverse navbar-static-top" role="navigation" style="position:static;">
			<div class="container-fluid">
				<ul class="nav navbar-nav">
					<li><a href="inner0.html"><i class="fa fa-reply-all"></i>返回系统</a></li>
					<li class="active"><a href="javascript:;"><i class="fa fa-cog"></i>基础设置</a></li>
					<li><a href="javascript:;"><i class="fa fa-life-bouy"></i>微站功能</a></li>
					<li><a href="javascript:;"><i class="fa fa-gift"></i>粉丝营销</a></li>
					<li><a href="javascript:;"><i class="fa fa-umbrella"></i>功能选项</a></li>
					<li><a href="javascript:;"><i class="fa fa-cubes"></i>扩展功能</a></li>
					<li><a href="javascript:;" target="_blank"><i class="fa fa-mobile"></i> 模拟测试</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown topbar-notice">
						<a type="button" data-toggle="dropdown">
							<i class="fa fa-bell"></i>
							<span class="badge" id="notice-total">0</span>
						</a>
						<div class="dropdown-menu" aria-labelledby="dLabel">
							<div class="topbar-notice-panel">
								<div class="topbar-notice-arrow"></div>
								<div class="topbar-notice-head">
									<span>系统公告</span>
									<a href="javascript:;" class="pull-right">更多公告&gt;&gt;</a>
								</div>
								<div class="topbar-notice-body">
									<ul id="notice-container"></ul>
								</div>
							</div>
						</div>
					</li>
					<li class="dropdown">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-group"></i>宽元网络 <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="javascript:;" target="_blank"><i class="fa fa-weixin fa-fw"></i> 编辑当前账号资料</a></li>
							<li><a href="javascript:;" target="_blank"><i class="fa fa-cogs fa-fw"></i> 管理其它公众号</a></li>
							<li><a href="javascript:;" target="_blank"><i class="fa fa-mobile fa-fw"></i> 模拟测试</a></li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:185px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-user"></i>yeliang (公众号管理员) <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="javascript:;" target="_blank"><i class="fa fa-weixin fa-fw"></i> 我的账号</a></li>
							<li><a href="javascript:;"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>

		<div class="container-fluid active box">
			<div class="row">
				<div class="col-xs-12 col-sm-3 col-lg-2 big-menu">
					<div id="search-menu">
						<input class="form-control input-lg" style="border-radius:0; font-size:14px; height:43px;" type="text" placeholder="输入菜单名称可快速查找">
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">基本功能</h4>
							<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-0">
								<i class="fa fa-chevron-circle-down"></i>
							</a>
						</div>
						<ul class="list-group collapse in" id="frame-0">
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 文字回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 图文回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 音乐回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 图片回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 语音回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 视频回复 </li>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 自定义接口回复 </li>
							<a class="list-group-item" href="javascript:;">系统回复</a>
							<li class="list-group-item">
								<a class="pull-right" href="javascript:;"><i class="fa fa-plus"></i></a> 微信卡券回复 </li>
						</ul>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">高级功能</h4>
							<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-1">
								<i class="fa fa-chevron-circle-down"></i>
							</a>
						</div>
						<ul class="list-group collapse in" id="frame-1">
							<a class="list-group-item" href="javascript:;">常用服务接入</a>
							<a class="list-group-item" href="javascript:;">自定义菜单</a>
							<a class="list-group-item" href="javascript:;">特殊消息回复</a>
							<a class="list-group-item" href="javascript:;">二维码管理</a>
							<a class="list-group-item" href="javascript:;">多客服接入</a>
							<a class="list-group-item" href="javascript:;">长链接二维码</a>
						</ul>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">数据统计</h4>
							<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-2">
								<i class="fa fa-chevron-circle-down"></i>
							</a>
						</div>
						<ul class="list-group collapse in" id="frame-2">
							<a class="list-group-item" href="javascript:;">聊天记录</a>
							<a class="list-group-item" href="javascript:;">回复规则使用情况</a>
							<a class="list-group-item" href="javascript:;">关键字命中情况</a>
							<a class="list-group-item" href="javascript:;">参数</a>
						</ul>
					</div>
				</div>
				<div class="col-xs-12 col-sm-9 col-lg-10">
					<ul class="nav nav-tabs">
						<li class="active"><a href="javascript:;">账号概况 - 平台相关数据</a></li>
					</ul>
					<div class="clearfix welcome-container">
						<div class="page-header">
							<h4><i class="fa fa-plane"></i> 快捷操作</h4>
						</div>
						<div class="shortcut clearfix">
							<a href="javascript:;">
								<i class="fa fa-sitemap"></i>
								<span>自定义接口</span>
							</a>
						</div>
						<div class="page-header">
							<h4><i class="fa fa-comments"></i> 公众号信息</h4>
						</div>
						<div class="account">
							<div class="panel panel-default row">
								<div class="panel-body">
									<div class="clearfix">
										<div class="col-sm-7">
											<p>
												<strong>宽元网络</strong>
												<span class="label label-success" style="display:inline-block; margin-right:10px;">
																								认证服务号/认证媒体/政府订阅号						</span>
												<span class="text-success"><i class="fa fa-check-circle"></i> 成功接入</span>
											</p>
											<p><strong>接口地址： </strong> <a href="javascript:;" style="color:#66667C;">http://wx.1b2.cn/api.php?id=2</a>
												<div class="zclip" id="zclip-ZeroClipboardMovie_1" style="position: absolute; left: 89px; top: 33px; width: 186px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_1" src="" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="186" height="16" name="ZeroClipboardMovie_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash"
														pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&amp;width=186&amp;height=16" wmode="transparent"></div>
											</p>
											<p><strong>　Token： </strong> <a href="javascript:;" title="点击复制Token" style="color:#66667C;">S3nXOQjqBqz84bqx7zxNtkflzM8ieQ7t</a>
												<div class="zclip" id="zclip-ZeroClipboardMovie_2" style="position: absolute; left: 89px; top: 63px; width: 241px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="241" height="16" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash"
														pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&amp;width=241&amp;height=16" wmode="transparent"></div>
											</p>
										</div>
										<div class="col-sm-5 text-right">
											<img src="" alt="" />
											<img src="" alt="" />
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="panel panel-default" id="scroll">
							<div class="panel-heading">
								今日关键指标
							</div>
							<div class="account-stat">
								<div class="account-stat-btn">
									<div>今日新关注<span>0</span></div>
									<div>今日取消关注<span>0</span></div>
									<div>今日净增关注<span>0</span></div>
									<div>累积关注<span>0</span></div>
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								昨日关键指标
							</div>
							<div class="account-stat">
								<div class="account-stat-btn">
									<div>昨日新关注<span></span></div>
									<div>昨日取消关注<span></span></div>
									<div>昨日净增关注<span>0</span></div>
									<div>累积关注<span></span></div>
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								关键指标详解
								<a class="text-danger" href="javascript:;" target="_blank">查看更多</a>
							</div>
							<div class="panel-body">
								<div class="pull-right">
									<div class="checkbox">
										<label style="color:#57B9E6;"><input checked="" type="checkbox"> 新关注人数</label>&nbsp;
										<label style="color:rgba(203,48,48,1)"><input checked="" type="checkbox"> 取消关注人数</label>&nbsp;
										<label style="color:rgba(149,192,0,1);;"><input checked="" type="checkbox"> 净增人数</label>&nbsp;
										<label style="color:#e7a017;"><input type="checkbox"> 累积关注人数</label>
									</div>
								</div>
								<div style="margin-top:20px">
									<canvas id="myChart1" width="1124" height="281" style="width: 1124px; height: 281px;"></canvas>
								</div>
							</div>
						</div>
						<style>
							.account-stat {
								overflow: hidden;
								color: #666;
							}
							
							.account-stat .account-stat-btn {
								width: 100%;
								overflow: hidden;
							}
							
							.account-stat .account-stat-btn > div {
								text-align: center;
								margin-bottom: 5px;
								margin-right: 2%;
								float: left;
								width: 23%;
								height: 80px;
								padding-top: 10px;
								font-size: 16px;
								border-left: 1px #DDD solid;
							}
							
							.account-stat .account-stat-btn > div:first-child {
								border-left: 0;
							}
							
							.account-stat .account-stat-btn > div span {
								display: block;
								font-size: 30px;
								font-weight: bold
							}
						</style>
						<div class="page-header">
							<h4><i class="fa fa-android"></i> 基本回复统计情况</h4>
						</div>
						<div class="panel panel-default" style="padding:1em;">
							<nav role="navigation" class="navbar navbar-default navbar-static-top" id="clear" style="margin: -1em -1em 1em -1em;">
								<div class="container-fluid">
									<div class="navbar-header">
										<a href="javascript:;" class="navbar-brand">模块命中次数趋势图</a>
									</div>
									<ul class="nav navbar-nav nav-btns">
										<li class="active" id="basic"><a href="javascript:;">文字回复</a></li>
										<li id="news"><a href="javascript:;">图文回复</a></li>
										<li id="music"><a href="javascript:;">音乐回复</a></li>
										<li id="images"><a href="javascript:;">图片回复</a></li>
										<li id="voice"><a href="javascript:;">语音回复</a></li>
										<li id="video"><a href="javascript:;">视频回复</a></li>
										<li id="userapi"><a href="javascript:;">自定义接口回复</a></li>
										<li class="dropdown">
											<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">其他模块 <span class="caret"></span></a>
											<ul class="dropdown-menu" role="menu">
											</ul>
										</li>
									</ul>
								</div>
							</nav>

							<div class="account-stat">
								<div class="account-stat-btn">
									<div>总回复规则数<span id="rule">0</span></div>
									<div>今日命中次数<span id="today">0</span></div>
									<div>本月命中次数<span id="month">0</span></div>
									<div>
										<a href="javascript:;" id="show" style="display:block; margin:5px 0;"><i class="fa fa-search"></i> 查看回复规则</a>
										<a href="javascript:;" id="add" style="display:block;"><i class="fa fa-plus"></i> 新增回复规则</a>
									</div>
								</div>
							</div>

							<div style="margin-top:20px;">
								<canvas id="myChart" height="300" width="1126" style="width: 1126px; height: 300px;"></canvas>
							</div>
						</div>

						<div class="page-header">
							<h4><i class="fa fa-cogs"></i> 高级功能统计情况</h4>
						</div>
						<div class="panel panel-default">
							<div class="panel-body table-responsive">
								<table class="table">
									<thead>
										<tr>
											<th style="width:200px;">功能类别</th>
											<th>概况</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>常用服务</td>
											<td>
												<p>已启用：
												</p>
												<p>未启用：
													<span class="label label-warning">城市天气</span>
													<span class="label label-warning">百度百科</span>
													<span class="label label-warning">即时翻译</span>
													<span class="label label-warning">今日老黄历</span>
													<span class="label label-warning">看新闻</span>
													<span class="label label-warning">快递查询</span>
												</p>
											</td>
										</tr>
										<tr>
											<td>自定义菜单</td>
											<td>
												<p>已启用：
													<span class="label label-info">宽元网络</span>&nbsp;
												</p>
												<p>未启用：
												</p>
											</td>
										</tr>
										<tr>
											<td>特殊回复</td>
											<td>
											</td>
										</tr>
										<tr>
											<td>二维码</td>
											<td>
												<p>宽元网络：
													<span class="label label-info">临时（0个）</span>&nbsp;
													<span class="label label-info">永久（0个）</span>
												</p>
												<p>总计：
													<span class="label label-info">临时（0个）</span>&nbsp;
													<span class="label label-info">永久（0个）</span>
												</p>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid box">2</div>
		<div class="container-fluid box">3</div>
		<div class="container-fluid box">4</div>
		<div class="container-fluid box">
			<div class="col-xs-12 col-sm-3 col-lg-2 big-menu">
				<div id="search-menu">
					<input class="form-control input-lg" style="border-radius:0; font-size:14px; height:43px;" type="text" placeholder="输入菜单名称可快速查找">
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">管理</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-0">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
					<ul class="list-group collapse in" id="frame-0">
						<a class="list-group-item" href="javascript:;">扩展功能管理</a>
					</ul>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">主要业务</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-1">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">营销及活动</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-2">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">客户关系</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-3">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
					<ul class="list-group collapse in" id="frame-3">
						<a class="list-group-item" href="javascript:;">预约与调查</a>
						<a class="list-group-item" href="javascript:;">调研</a>
						<a class="list-group-item" href="javascript:;">H模板消息</a>
						<a class="list-group-item" href="javascript:;">H自定义表单</a>
					</ul>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">其他</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-4">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
					<ul class="list-group collapse in" id="frame-4">
						<a class="list-group-item" href="javascript:;">聊吧社区</a>
						<a class="list-group-item" href="javascript:;">Water伴侣</a>
						<a class="list-group-item" href="javascript:;">GO卡券</a>
						<a class="list-group-item" href="javascript:;">新品拼团</a>
						<a class="list-group-item" href="javascript:;">新品团购</a>
						<a class="list-group-item" href="javascript:;">会员中心集合</a>
					</ul>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">行业解决方案</h4>
						<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-5">
							<i class="fa fa-chevron-circle-down"></i>
						</a>
					</div>
					<ul class="list-group collapse in" id="frame-5">
						<a class="list-group-item" href="javascript:;">微课堂</a>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-sm-9 col-lg-10">
				<div class="panel panel-default">
						<h4>活动增加模块</h4>
						<div class="panel-body">
							<div class="row module-info">
								<div class="col-xs-2">
									<div class="icon">
										<a href="cut.html"><img style="width: 62px; height: 62px;" src="../img/cut.jpg" onerror=""></a>
									</div>
									<h6>砍价活动</h6>
								</div>
							</div>

						</div>
					</div>
					
			</div>
		</div>
		<div class="container-fluid box">6</div>
		<script src="../js/jquery-1.11.0.js"></script>
		<script src="../js/inner.js"></script>
	</body>

</html>